<template>
  <van-grid :column-num="5">
    <van-grid-item
      v-for="item in channel"
      :key="item.id"
      :icon="item.icon_url"
      :text="item.name"
      @click="btn(item.id)"
    />
  </van-grid>
</template>

<script>
import Vue from "vue";
import { Grid, GridItem } from "vant";
Vue.use(Grid);
Vue.use(GridItem);
export default {
  name: "",
  props: {
    channel: [],
  },
  data() {
    return {};
  },
  methods: {
    btn(id) {
      this.$router.push({
        name: "bannel",
        query: { id },
      });
    },
  },
};
</script>
<style scoped>
</style>